// 切换到下一页面的动画
.addPage{
    &-enter-active,
    &-leave-active{
        transition: all .3s ease;
    }
    &-enter{
        transform: translateX(100%);
        opacity: 0;
    }
    &-leave-to{
        transform: translateX(-100%);
        opacity: 0;
    }
}

// 返回到上一页面的动画
.backPage{
    &-enter-active,
    &-leave-active{
        transition: all .3s ease;
    }
    &-enter{
        transform: translateX(-100%);
        opacity: 0;
    }
    &-leave-to{
        transform: translateX(100%);
        opacity: 0;
    }
}



